<template>
    <div class="home-container">
        <div class="home-content">
            <h1 class="home-title">欢迎使用管理系统</h1>
            <p class="home-subtitle">这是一个现代化的管理界面</p>
        </div>
    </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.home-container {
    padding: 40px;
    height: 100%;
    background: linear-gradient(135deg, #f0f7ff 0%, #ddeaf5 100%);
}

.home-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 60px 20px;
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(72, 133, 164, 0.1);
}

.home-title {
    font-size: 32px;
    font-weight: 600;
    color: #1F2937;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #4885A4 0%, #5b92ae 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.home-subtitle {
    font-size: 16px;
    color: #6d9eb8;
    line-height: 1.6;
}
</style>